/* pages/preview/preview.wxss */
@import './css/iconfont.scss';
@import './css/iconTriangle.scss';

page {
	height: 100vh;
}
.swiper-box {
  width: 100%;
  height: 400rpx !important;
  border-radius: 10rpx;
  margin-bottom: 30rpx;
  image {
    width: 100%;
    height: 400rpx;
    border-radius: 10rpx;
  }
}
.main {
	// background: linear-gradient(to bottom, #fcc139, #F2F2F2 20%);
	width: 100%;
  // background-color: pink;
  // height: 700rpx;
}

.main .main_list {
	width: 93%;
	margin: 0 auto;
	border-radius: 10rpx;
	box-shadow: 0px 0px 2px 2px rgb(214, 214, 214);
	background-color: #fff;
	padding: 20rpx;
	box-sizing: border-box;
	margin-bottom: 25rpx;
}
.main .main_list:nth-child(1) {
  position: relative;
  top: -5rpx;
}
.auth .icon-lanVrenzheng{
	width: 135rpx;
	background: linear-gradient(to right, #666666, #333333);
	color: #F3AB00;
	border-radius: 20rpx;
	font-size: 28rpx;
	padding: 3rpx 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.auth .icon-lanVrenzheng text{
	font-size: 20rpx;
}
.auth .camp_name{
	margin: 10rpx 0;
	font-size: 30rpx;
}

.auth .label .iconfont{
	font-size: 24rpx;
	margin-top: 10rpx;
	color: #F3AB00;
	display: flex;
	align-items: center;
}
.auth .label .iconfont text{
	margin-left: 8rpx;
	font-size: 20rpx;
	color: #999;
}
.main>.main_list:first-child {
	margin-top: -40rpx;
}


.auth{
  .camp_type_rate{
    display: flex;
    .camp_type{
      background-color: #F3AB00;
      width: 120rpx;
      height: 40rpx;
      line-height: 40rpx;
      font-size: 20rpx;
      color: #fff;
      text-align: center;
      border-radius: 5rpx;
      padding: 3rpx 0;
      box-sizing: border-box;
      margin-right: 20rpx;
    }
  }
  // 营地导航与电话
  .camp-navigation{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 50rpx;
    margin-top: 15rpx;
    view {
      width: 315rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f4bb19;
      border-radius: 10rpx;
      color: #fff;
      font-size: 28rpx;
      padding: 8rpx;
      margin: 10rpx;
    }
  }
}
.main_list .pattern {
	margin-top: 20rpx;
	margin-left: -15rpx;
	display: flex;
	position: relative;
}

.main_list .pattern .tip {
	font-size: 30rpx;
	position: absolute;
	top: -10rpx;
	left: 25rpx;
}

.camp_info {
	font-size: 26rpx;
	text-indent: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.showInfo{
	// height: auto;
	overflow: auto;
	display: block;
}
.show_more{
	margin-top: 15rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24rpx;
	color: #F3AB00;
}
.show_more .icon-daosanjiao ,.icon-daosanjiao-copy{
	font-size: 18rpx;
	margin-left: 5rpx;
}
.plan{
	background-color: #F5F5F5;
	margin-bottom: 25rpx;
	border-radius: 5rpx;
	padding: 15rpx 20rpx;
	box-sizing: border-box;
}
.plan_label{
	display: flex;
	flex-wrap: wrap;
}
.plan_label view{
	padding: 5rpx 20rpx;
	font-size: 22rpx;
	background-color: #F3AB00;
	border-radius: 8rpx;
	margin-right: 15rpx;
	color: #fff;
	box-sizing: border-box;
}
.plan_price{
	display: flex;
	font-size: 28rpx;
	align-items: center;
}
.plan_price>view:first-child text{
	font-size: 36rpx;
	color: #f36804;
}
.plan_price .icon-huiyuan{
	background-color: #1F1F1F;
	color: #F3AB00;
	font-size: 16rpx;
	display: flex;
	align-items: center;
	height: 30rpx;
	padding: 5rpx 15rpx;
	box-sizing: border-box;
	border-radius:20rpx;
	margin-top: 8rpx;
	margin-left: 15rpx;
}
.plan .original_price{
	color: #7D7D7D;
	font-size: 20rpx;
	text-decoration: line-through;
}
.facilities{
	font-size: 26rpx;
  margin-bottom: 25rpx;
  .ftName{
    margin: 15rpx 0;
    color: #666;
  }
}
.facilities_list{
	// border: 1rpx solid red;
	height: 120rpx;
	overflow: hidden;
}
.showF{
	height: auto;
}
.list , .facilities_list{
	display: flex;
	flex-wrap: wrap;
	// justify-content: space-between;
}
.list .list_item ,.facilities_list .list_item{
	width: 20%;
	text-align: center;
	// border: 1rpx solid red;
	margin-bottom: 25rpx;

}
.list_item .icon {
	width: 70rpx;
	height: 70rpx;
	// border: 1rpx solid #5e3113;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 8rpx;
	line-height: 70rpx;
}
.list .list_item_name, .facilities_list .list_item_name{
	font-size: 22rpx;
	color: #5e3113;
}
.list_item .icon .iconfont{
	font-size: 38rpx;
	color: #5e3113;
}

.reference{
	display: flex;
	align-items: center;
	.reference_info{
		margin-left: 20rpx;
		>view:first-child{
			font-size: 30rpx;
		}
		>view:last-child{
			font-size: 24rpx;
			color: #999;
			margin-top: 5rpx;
		}
	}
}

// 周边景点推荐
.scenic {
  .scenic-box{
    display: flex;
    align-items: center;
    height: 60rpx;
    // background-color: pink;
    margin: 10rpx 0;
    font-size: 30rpx;
    .icon-dingweixiao{
      color: #F3AB00;
      margin-right: 15rpx;
    }
    .scenic-length {
      margin-left: auto;
      color: #767676;
			margin-right: 15rpx;
      text {
        font-size: 30rpx;
        color: #F3AB00;
      }
    }
  }
}

// 营地评价
.comment-box {
  width: 100%;
  height: 240rpx;
  // background-color: pink;
  white-space: nowrap;
  position: relative;
  .comment-scroll {
    white-space: nowrap;
  }
  .comment-item {
    width: 70%;
    height: 240rpx;
		box-sizing: border-box;
    // margin: 20rpx;
    background-color: #f5f5f5;
    display: inline-block;
    margin-left: 20rpx;
		padding: 15rpx;
		.comment-user {
			display: flex;
			.appraiser {
				width: 100%;
				height: 90rpx;
				// background-color: navajowhite;
				display: flex;
				margin-bottom: 20rpx;
				.appraiser-info {
					width: 100%;
					height: 90rpx;
					// background-color: pink;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					margin-left: 20rpx;
					.appraiser-name {
						height: 32rpx;
						font-family: PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #333333;
					}
					.upload-time{
						font-family: PingFang SC;
						font-weight: 500;
						font-size: 22rpx;
						color: #999999;
						}
				}
			}
		}
		.comment-content {
			padding-top: 15rpx;
			white-space: nowrap; /* 不换行 */
			overflow: hidden; /* 隐藏超出的内容 */
			text-overflow: ellipsis;
		}
  }
  .lookMore {
    width: 13%;
    height: 240rpx;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    font-size: 24rpx;
    color: #f4bb19;
    .vertical-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #f5f5f5;
      height: 95%;
      padding: 20rpx;
      border-radius: 15rpx;
      margin: 5rpx;
    }
  }
}

// 底部功能菜单+评价
.foot{
	width: 100%;
	padding: 20rpx 4%;
	box-sizing: border-box;
	position: sticky;
	// position: fixed;
	bottom: 0;
	left: 3%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20rpx;
	box-sizing: border-box;
	background-color: #fff;
  .ability-box {
    display: flex;
    justify-content: space-between;
		.active {
			color: #F3AB00;
		}
    .icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 5rpx;
      padding: 0 10rpx;
      font-size: 28rpx;
      color: #333;
      // background-color: saddlebrown;
    }
  }
}
.up,.next{
	height: 70rpx;
	text-align: center;
	line-height: 70rpx;
	font-size: 30rpx;
	border-radius: 50rpx;
	width: 60%;
}
.up{
	border: 1rpx solid #F3AB00;
	color: #F3AB00;
}.next{
	background-color: #F3AB00;
	color: #fff;
}

.icon-huidingbu{
	position: fixed;
	top: 50%;
	right: 28rpx;
	background-color: #b4b4b4;
	border-radius: 50%;
	font-size: 24rpx;
	width: 40rpx;
	height: 40rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}